<template>
  <el-page-header @back="goBack">
    <template #content>
      <div
        class="flex items-center"
        style="display: flex; align-items: center; margin-bottom: 5px"
      >
        <!-- <OfficeBuilding style="width: 1.5rem;height: 1.5rem;margin-right: 5px;" /> -->
        <span class="text-large font-600 mr-3">
          <!-- {{ realTime.single.cabinetName }} -->
        </span>
      </div>
    </template>
    <!-- <template #extra>
            <div class="flex items-center">
                <el-button>Print</el-button>
                <el-button type="primary" class="ml-2">Edit</el-button>
            </div>
        </template> -->
  </el-page-header>
</template>
<script lang="ts" setup>
import { ref, onUnmounted, onMounted, inject } from "vue";
import { useRouter, useRoute } from "vue-router";

const router = useRouter();
const realTime = inject("realTime") as any;

//后退
const goBack = () => {
  router.back();
};
//持续在单个设备详情页面实时获取数据进行更新
onMounted(() => {});
</script>
<style lang="scss" scoped></style>
